component 配置项

例如, 下面配置中 使用到了 data, grid, dataZoom, axis 这几项组件配置

    var chart = D3Charts.init('zr');
    chart.setOption({
        data: [
            {
                originData: []
            }
        ],
        grid: [
            {
                left: 0.1,
                top: 0.1,
                right: 0.1,
                bottom: 0.2
            }
        ],
        series: [
            {
                type: 'bar',
                $dataIndex: 0,
                dataKey: 'x',
                itemStyle: {
                    normal: {
                        fill: '#058499'
                    },
                    emphasis: {
                        fill: '#00ffff'
                    }
                },
                animateList: {
                    shape: {
                        x: 0,
                        y: 0,
                        width: 0,
                        height: 0
                    }
                }
            },
            {
                type: 'line',
                $dataIndex: 0,
                dataKey: 'y',
                line: {
                    show: true,
                    style: {
                        normal: {
                            stroke: '#5B4E77',
                            lineWidth: 2
                        }
                    }
                },
                symbol: {
                    normal: {
                        show: true,
                        size: 4,
                        style: {
                            fill: '#5B4E77'
                        }
                    },
                    emphasis: {
                        show: true,
                        style: {
                            fill: 'white'
                        }
                    }
                },
                label: {
                    emphasis: {
                        show: true,
                        style: {
                            fill: 'white'
                        }
                    }
                }
            }
        ],
        dataZoom: [
            {
                $gridIndex: 0
            }
        ],
        axis: [
            {
                position: 'bottom',
                type: 'band',
                xOrY: 'x',
                $dataIndex: 0,
                $dataZoomIndex: 0,
                dataKey: 'date',
                line: {
                    show: false
                },
                tick: {
                    show: false
                },
                label: {
                    style: {
                        fill: 'rgba(255, 255, 255, 0.5)'
                    }
                }
            },
            {
                position: 'left',
                type: 'linear',
                xOrY: 'y',
                line: {
                    show: false
                },
                tick: {
                    show: false
                },
                label: {
                    style: {
                        fill: 'rgba(255, 255, 255, 0.5)'
                    }
                }
            }
        ]
    })